import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:tiktokadult/alert_business/normal_alert_style.dart';
import 'package:tiktokadult/assets_tool/images.dart';
import 'package:tiktokadult/tools_base/widget/card_swiper/src/swiper.dart';
import 'package:tiktokadult/hj_utils/widget_utils.dart';

class ComicFirstTipSheet extends StatelessWidget {
  ComicFirstTipSheet({super.key});

  List get list => [
        ('向下拉查看更多相似的作品', 'comic_first_tip1.webp'.acgImgPath),
        ('左右滑动可查看更多作品', 'comic_first_tip2.webp'.acgImgPath),
      ];

  @override
  Widget build(BuildContext context) {
    return CommonSheetBgWidget(
      Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          SizedBox(
            height: 195,
            width: Get.width,
            child: Swiper(
              autoplayDelay: 1500,
              autoplay: true,
              // duration: 2500,
              itemBuilder: (BuildContext context, int index) {
                return Column(
                  children: [
                    Image.asset(
                      list[index].$2,
                      width: 103,
                      height: 105,
                    ),
                    20.sizeBoxH,
                    Text(
                      list[index].$1,
                      style: textStyle(16, Color(0xffE0E0E0), FontWeight.w500),
                    ),
                  ],
                );
              },
              itemCount: list.length,
            ),
          ),
          GestureDetector(
            onTap: () => Get.back(),
            child: Container(
              alignment: Alignment.center,
              height: 42,
              width: 244,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(1000),
                color: Color(0xffF68216),
              ),
              child: Text(
                '我知道了',
                style: textStyle(16, Colors.white, FontWeight.w500),
              ),
            ),
          )
        ],
      ),
      padding: const EdgeInsets.symmetric(horizontal: 65, vertical: 61),
    );
  }
}
